<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>盒子模型</title>
		<style>
			.box1{
				/* border-width: 10px;
				border-color: red;
				border-style: solid;  */    /* 实线 */
				/* 边框的复合写法:
				border:颜色 粗细 样式;(顺序不论) */
				/* solid: 实线    dashed:虚线    dotted:点线 */
				/* px:像素 */
				/* 颜色的写法:
				颜色英语单词,rgb(0~255) ,#3E40FF*/
				border:1px dashed #e370ff;
				width: 200px;    /* 宽:像素 */
				height: 300px;    /* 高:像素 */
				/* padding:20px; */
				/* top:上    left:左    bottom:下    right:右    center:居中 */
				/* padding-top: 30px;
				padding-left: 10px;
				padding-bottom: 20px;
				padding-right: 40px; */
				/* 复合写法:
				padding:一个值(上下左右)
				padding:两个值(上下、左右)
				padding:三个值(上、左右、下)
				padding：四个值（上、右、下、左>顺时针）*/
				padding: 20px 10px;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			hello word!
		</div>
	</body>
</html>
